<!--
此文件为开发者工具生成，生成时间: 2023/11/6上午11:16:11
使用方法：
在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="page data-v-ba35268a">
      <view class="data-v-ba35268a">
        <view  class="ranking data-v-ba35268a">
          <view class="overH productRanking--overH flex productRanking--flex flex-column productRanking--flex-column page productRanking--page pb40 productRanking--pb40 data-v-522fa97d productRanking--data-v-522fa97d">
            <view  class="data-v-522fa97d productRanking--data-v-522fa97d" style="position:fixed;z-index:10;">
              <view class="uni-navbar nav-bar--uni-navbar data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-nvue-fixed nav-bar--uni-nvue-fixed">
                <view class="uni-navbar__content nav-bar--uni-navbar__content data-v-6bda1a90 nav-bar--data-v-6bda1a90 uni-navbar--fixed nav-bar--uni-navbar--fixed" style="background-color:rgba(0,0,0,0);border-bottom-color:#fff;">
                  <view class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                    <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
                  </view>
                  <view class="uni-navbar__header nav-bar--uni-navbar__header data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="color:#fff;background-color:rgba(0,0,0,0);height:44px;">
                    <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-left nav-bar--uni-navbar__header-btns-left data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickLeft,$event" style="width:0px;"></view>
                    <view class="uni-navbar__header-container nav-bar--uni-navbar__header-container data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickTitle,$event">
                      <view class="uni-navbar__header-container-inner nav-bar--uni-navbar__header-container-inner data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                        <text class="uni-nav-bar-text nav-bar--uni-nav-bar-text uni-ellipsis-1 nav-bar--uni-ellipsis-1 data-v-6bda1a90 nav-bar--data-v-6bda1a90 sk-transparent sk-text-14-2857-796 sk-text" style="color:#fff;">排行</text>
                      </view>
                    </view>
                    <view class="uni-navbar__header-btns nav-bar--uni-navbar__header-btns uni-navbar__header-btns-right nav-bar--uni-navbar__header-btns-right data-v-6bda1a90 nav-bar--data-v-6bda1a90" data-event-opts="tap,onClickRight,$event" style="width:60px;"></view>
                  </view>
                </view>
                <view class="uni-navbar__placeholder nav-bar--uni-navbar__placeholder data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                  <view  class="data-v-6bda1a90 nav-bar--data-v-6bda1a90">
                    <view class="uni-status-bar bar--uni-status-bar" style="height:44px;"></view>
                  </view>
                  <view class="uni-navbar__placeholder-view nav-bar--uni-navbar__placeholder-view data-v-6bda1a90 nav-bar--data-v-6bda1a90" style="height:44px;"></view>
                </view>
              </view>
            </view>
            <view class="data-v-522fa97d productRanking--data-v-522fa97d" style="height:310px;position:fixed;width:100%;z-index:1;">
              <view class="relactive productRanking--relactive data-v-522fa97d productRanking--data-v-522fa97d" style="height:310px;">
                <image mode="true" class="absolute productRanking--absolute data-v-522fa97d productRanking--data-v-522fa97d sk-image" style="width:100%;height:284px;z-index:1;"></image>
                <view class="absolute productRanking--absolute w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="z-index:2;">
                  <view class="flex productRanking--flex w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d">
                    <view class="br68 productRanking--br68 ml36 productRanking--ml36 border-box productRanking--border-box bgWhite productRanking--bgWhite flex productRanking--flex flex-between productRanking--flex-between align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d"
                      style="background-color:rgba(255,255,255,0.3);width:170px;margin-top:170px;">
                      <view class="data-v-522fa97d productRanking--data-v-522fa97d flex productRanking--flex border-box productRanking--border-box align-center productRanking--align-center px54 productRanking--px54 py14 productRanking--py14 flex-center productRanking--flex-center br68 productRanking--br68 active1 productRanking--active1"
                        data-event-opts="tap,actived,1">
                        <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-376 sk-text">红榜</text>
                      </view>
                      <view class="data-v-522fa97d productRanking--data-v-522fa97d flex productRanking--flex border-box productRanking--border-box align-center productRanking--align-center px54 productRanking--px54 py14 productRanking--py14 flex-center productRanking--flex-center br68 productRanking--br68 colf productRanking--colf"
                        data-event-opts="tap,actived,2">
                        <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-559 sk-text">黑榜</text>
                      </view>
                    </view>
                  </view>
                  <view class="w100 productRanking--w100 flex productRanking--flex mt50 productRanking--mt50 flex-center productRanking--flex-center bgWhite productRanking--bgWhite data-v-522fa97d productRanking--data-v-522fa97d" style="height:54px;border-radius:16px 16px 0 0;">
                    <view class="flex productRanking--flex flex-around productRanking--flex-around mt32 productRanking--mt32 font28 productRanking--font28 data-v-522fa97d productRanking--data-v-522fa97d" style="width:353px;border-bottom:1px solid #E8E8E8;">
                      <view class="data-v-522fa97d productRanking--data-v-522fa97d activeStatus productRanking--activeStatus sk-transparent sk-text-14-2857-134 sk-text" data-event-opts="tap,activedStatus,1">月度</view>
                      <view class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-395 sk-text" data-event-opts="tap,activedStatus,2">季度</view>
                      <view class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-323 sk-text" data-event-opts="tap,activedStatus,3">年度</view>
                    </view>
                  </view>
                  <view class="px26 productRanking--px26 bgWhite productRanking--bgWhite border-box productRanking--border-box align-center productRanking--align-center flex productRanking--flex flex-between productRanking--flex-between w100 productRanking--w100 col5 productRanking--col5 data-v-522fa97d productRanking--data-v-522fa97d"
                    style="height:40px;">
                    <view class="py16 productRanking--py16 flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                      <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-931 sk-text">排名</text>
                      <text class="ml100 productRanking--ml100 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-391 sk-text">主体名称</text>
                    </view>
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-238 sk-text">评分</text>
                  </view>
                </view>
              </view>
            </view>
            <view class="bgWhite productRanking--bgWhite flex productRanking--flex flex-column productRanking--flex-column align-center productRanking--align-center flex1 productRanking--flex1 mb30 productRanking--mb30 data-v-522fa97d productRanking--data-v-522fa97d"
              style="width:375px;margin-top:310px;">
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <image mode="true" class="data-v-522fa97d productRanking--data-v-522fa97d sk-image" style="width:40px;height:40px;"></image>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-704 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-490 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <image mode="true" class="data-v-522fa97d productRanking--data-v-522fa97d sk-image" style="width:40px;height:40px;"></image>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-428 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-652 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <image mode="true" class="data-v-522fa97d productRanking--data-v-522fa97d sk-image" style="width:40px;height:40px;"></image>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-991 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-534 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <view class="flex productRanking--flex flex-center productRanking--flex-center align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d" style="width:40px;height:40px;">
                      <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-opacity">4</text>
                    </view>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-693 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-232 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <view class="flex productRanking--flex flex-center productRanking--flex-center align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d" style="width:40px;height:40px;">
                      <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-opacity">5</text>
                    </view>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-200 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-261 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <view class="flex productRanking--flex flex-center productRanking--flex-center align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d" style="width:40px;height:40px;">
                      <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-opacity">6</text>
                    </view>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-515 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-591 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;">
                  <view class="flex productRanking--flex align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d">
                    <view class="flex productRanking--flex flex-center productRanking--flex-center align-center productRanking--align-center data-v-522fa97d productRanking--data-v-522fa97d" style="width:40px;height:40px;">
                      <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-opacity">7</text>
                    </view>
                    <text class="ml50 productRanking--ml50 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-692 sk-text">射洪大榆镇凤姐蜂蜜养殖场</text>
                  </view>
                  <view class="font32 productRanking--font32 col2 productRanking--col2 data-v-522fa97d productRanking--data-v-522fa97d">
                    <text class="data-v-522fa97d productRanking--data-v-522fa97d sk-transparent sk-text-14-2857-591 sk-text">98</text>
                  </view>
                </view>
              </view>
              <view class="w100 productRanking--w100 data-v-522fa97d productRanking--data-v-522fa97d" style="border-bottom:1px solid #E9E9E9;">
                <view class="flex productRanking--flex py30 productRanking--py30 flex-between productRanking--flex-between align-center productRanking--align-center border-box productRanking--border-box data-v-522fa97d productRanking--data-v-522fa97d" style="padding-left:8px;padding-right:18px;"></view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>


<style lang="scss" scoped>
	/*
	此文件为开发者工具生成，生成时间: 2023/11/6上午11:16:11
	
	在 E:\workProgram\nongan\unpackage\dist\dev\mp-weixin\productPage\pages\index\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-796 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 50.4000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-376 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-559 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-134 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-395 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-323 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-931 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-391 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-238 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-704 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-490 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-428 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-652 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-991 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-534 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-693 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-232 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-200 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-261 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-515 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-591 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-692 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.4000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>